<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>信息录入表单</title>
    <link rel="stylesheet" href="input.css">
    <script type="text/javascript" src="../js/jquery.js"></script>
    <script>
        $.ready(
            $.getJSON("api.php", function (result) {
                console.log(result, typeof result);
                $.each(result, function (i, field) {
                    console.log(field, i);
//                    $("div").append(field + " ");
                });
            })
        );
    </script>
</head>
<body style="background-color: #f9f1f3;">
<!--pages/input/input.wxml-->
<div class='body'>
    <div class='title'>
        <text class='titles'>文思学堂 - 学籍管理系统</text>
    </div>
    <table class="section">
        <form bindsubmit="bindFormSubmit" action="api.php" method="post">
            <text class='form-desc'>根据每个孩子的情况，有针对性的辅导，并填写作业相关的数据。</text>
            <tr align="center">
                <td align="right" style="width: 120px">
                    <label class='field-label'>学生姓名：</label>
                </td>
                <td align="left">
                    <label>
                        <select id="name" class="select" name="name">
                            <option value="volvo">Volvo</option>
                            <option value="saab">Saab</option>
                            <option value="opel">Opel</option>
                            <option value="audi">Audi</option>
                        </select>
                    </label>
                </td>
            </tr>
            <tr align="center">
                <td align="right">
                    <label class='field-label'>课程：</label>
                </td>
                <td align="left">
                    <select class="select" name="kemu">
                        <option value="0">请选择</option>
                        <option value="1">语文</option>
                        <option value="2">数学</option>
                        <option value="3">英语</option>
                    </select>
                </td>
            </tr>
            <tr align="center">
                <td align="right">
                    <label class='field-label'>作业完成率%：</label>
                </td>
                <td align="left">
                    <select class="select" name="finish_chance">
                        <option value="0">请选择</option>
                        <option value="1">10%</option>
                        <option value="2">20%</option>
                        <option value="3">30%</option>
                        <option value="4">40%</option>
                        <option value="5">50%</option>
                        <option value="6">60%</option>
                        <option value="7">70%</option>
                        <option value="8">80%</option>
                        <option value="9">90%</option>
                        <option value="10">100%</option>
                    </select>
                </td>
            </tr>
            <tr align="center">
                <td align="right">
                    <label class='field-label'>错题率%：</label>
                </td>
                <td align="left">
                    <select class="select" name="err_chance">
                        <option value="0">请选择</option>
                        <option value="1">10%</option>
                        <option value="2">20%</option>
                        <option value="3">30%</option>
                        <option value="4">40%</option>
                        <option value="5">50%</option>
                        <option value="6">60%</option>
                        <option value="7">70%</option>
                        <option value="8">80%</option>
                        <option value="9">90%</option>
                        <option value="10">100%</option>
                    </select>
                </td>
            </tr>
            <tr align="center">
                <td align="right">
                    <label class='field-label'>错题类型：</label>

                </td>
                <td align="left">
                    <input class="select" type="text" name="err_type" value="" placeholder="填写错误的题型">
                </td>
            </tr>
            <tr align="cneter">
                <td align="right">
                    <label class='field-label'>错题说明：</label>
                </td>
                <td align="left">
                    <textarea id='textarea' style="margin-top: 1rem;height: 100px;width:60%"
                              placeholder="比如：错在哪章哪节，哪个题型？"
                              name="textarea"></textarea>
                </td>
            </tr>
            <tr align="center">
                <td></td>
                <td align="left">
                    <button type='submit' class="div-button" id="submit">提交</button>
                </td>
            </tr>
        </form>
    </table>
</div>
</body>
</html>